.box {
    width: 100%;
    height: 100%;


    :global {
        .center {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;

            .echart {
                width: 100%;
                padding: 5px;
                flex: 1;
                // background-color: orange;

                .echart-content {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    // 转圈的圆
                    .circle-box {
                        position: absolute;
                        bottom: 0;
                        width: 140px;
                        height: 140px;
                        border-radius: 50%;
                        padding: 4px;
                        border-radius: 50%;
                        // border: 1px solid rgba(31, 166, 208, 0.7);

                        .circle {
                            width: 100%;
                            height: 100%;
                            border-radius: 50%;
                            // background-color: orange;

                            // background-image: radial-gradient(rgba(31, 166, 208, 0), rgba(31, 166, 208, 0.7));

                            .image {
                                width: 100%;
                                height: 100%;
                                transform: rotateY(180deg);
                            }

                        }
                    }

                    .cricle-context {
                        position: absolute;
                        bottom: 0;
                        width: 140px;
                        height: 140px;
                        border-radius: 50%;
                        padding: 4px;

                        .context {
                            width: 100%;
                            height: 100%;
                            border-radius: 50%;
                            // border: 1px solid rgba(9, 182, 221, 0.624);
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            font-size: 30px;
                            font-weight: 600;
                            color: aqua;
                            text-align: center;
                            padding: 5px;

                            // background-image: radial-gradient(rgba(31, 166, 208, 0), rgba(31, 166, 208, 0.7));
                        }
                    }


                    
                }

            }
            .text{
                width: 100%;
                padding: 10px;
                font-size: 16px;
                font-weight: 600;
                display: flex;
                justify-content: center;
            }
        }
    }
}